<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<!DOCTYPE div PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
	$(document).ready(
			function() {
				var dir = window.location.protocol + '//'
						+ window.location.host + '/imagenes/'
						+ "<s:property value="extintor.imagen"/>";
				document.getElementById("mapa").src = dir;
			});
</script>
</head>
<body>
	<div id="editarExtintor">
		<div>
			<fieldset id="extintorData">
				<legend>Datos del Extintor</legend>
				<div style="margin-left: 35%; position: absolute;">
					<s:label value="Ultimo Mantenimiento:" />
					&nbsp;&nbsp;
					<s:if test="extintor.alerta == true">
						<span class="alerta"> <s:property
								value="extintor.ultimoMantenimiento" />
						</span>
					</s:if>
					<s:else>
						<span class="good"> <s:property
								value="extintor.ultimoMantenimiento" />
						</span>
					</s:else>
					<br /> <br />
					<s:label value="Proximo Mantenimiento:" />
					&nbsp;&nbsp;
					<s:property value="extintor.proximoMantenimiento" />
				</div>
				<s:label value="Modelo:" for="modelo" />
				&nbsp;&nbsp;
				<s:property value="extintor.modelo.descripcion" />
				<br /> <br />
				<s:label value="Peso:" for="peso" />
				&nbsp;&nbsp;&nbsp;&nbsp;
				<s:property value="extintor.peso.peso" />
				<br /> <br />
				<s:label value="Compuesto:" for="compuesto" />
				&nbsp;&nbsp;
				<s:property value="extintor.compuesto.descripcion" />
				<br /> <br />
				<s:label value="Tipo Fuego:" for="fuego" />
				&nbsp;&nbsp;
				<s:iterator value="extintor.tipofuegos">
					<s:if test="%{descripcion == 'tipoA'}">
						<img src="<s:url value="/resources/images/fuego/tipoA.png"/>" />&nbsp;
				</s:if>
					<s:if test="%{descripcion == 'tipoB'}">
						<img src="<s:url value="/resources/images/fuego/tipoB.png"/>" />&nbsp;
				</s:if>
					<s:if test="%{descripcion == 'tipoC'}">
						<img src="<s:url value="/resources/images/fuego/tipoC.png"/>" />&nbsp;
				</s:if>
					<s:if test="%{descripcion == 'tipoK'}">
						<img src="<s:url value="/resources/images/fuego/tipoK.png"/>" />&nbsp;
				</s:if>
				</s:iterator>
				<br /> <br />
				<s:label value="Tipo Ubicacion:" for="ubicacion" />
				&nbsp;&nbsp;
				<s:property value="extintor.ubicacion.descripcion" />
				<br /> <br />
			</fieldset>
			<fieldset id="adminData">
				<legend>Datos Administrativos</legend>
				<s:label value="Ubicación Administrativa:" for="ubicAdmin" />
				&nbsp;&nbsp;
				<s:property value="extintor.ubicacionAdministrativa.descripcion" />
				<br /> <br />
				<s:label value="Sede:" for="sede" />
				&nbsp;&nbsp;
				<s:property value="extintor.sede.descripcion" />
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<s:label value="Area:" for="area" />
				&nbsp;&nbsp;
				<s:property value="extintor.area" />
			</fieldset>
			<fieldset id="estadoExtintor">
				<legend>Estado del Extintor</legend>
				<table>
					<tr>
						<td><s:label value="Cilindro:" for="cilindro" /></td>
						<td><s:property value="%{extintor.estadoExtintor.cilindro}" /></td>
					</tr>
					<tr>
						<td><s:label value="Base del Extintor:" for="base" /></td>
						<td><s:property value="%{extintor.estadoExtintor.base}" /></td>
					</tr>
					<tr>
						<td><s:label value="Manija fija:" for="manija" /></td>
						<td><s:property value="%{extintor.estadoExtintor.manijaFija}" /></td>
					</tr>
					<tr>
						<td><s:label value="Manómetro:" for="manometro" /></td>
						<td><s:property value="%{extintor.estadoExtintor.manometro}" /></td>
					</tr>
					<tr>
						<td><s:label value="Manija de activación:" for="manijaAct" />
						</td>
						<td><s:property
								value="%{extintor.estadoExtintor.manijaActivacion}" /></td>
					</tr>
					<tr>
						<td><s:label value="Pasador:" for="pasador" /></td>
						<td><s:property value="%{extintor.estadoExtintor.pasador}" /></td>
					</tr>
					<tr>
						<td><s:label value="Manguera y boquilla:" for="manguera" /></td>
						<td><s:property value="%{extintor.estadoExtintor.mangueraBoquilla}" /></td>
					</tr>
					<tr>
						<td><s:label value="Identificación del Extintor:"
								for="identificacion" /></td>
						<td><s:property
								value="%{extintor.estadoExtintor.identificacion}" /></td>
					</tr>
					<tr>
						<td><s:label value="Etiqueta CNE:" for="etiqueta" /></td>
						<td><s:property value="%{extintor.estadoExtintor.etiqueta}" /></td>
					</tr>
					<tr>
						<td><s:label value="Ubicación física:" for="ubicacionf" /></td>
						<td><s:property value="%{extintor.estadoExtintor.ubicacion}" /></td>
					</tr>
				</table>
			</fieldset>
		</div>
		<div id="divResponsable">
			<fieldset id="responsable">
				<legend> Responsable&nbsp;&nbsp; </legend>
				<table>
					<tr>
						<td><s:label value="Nombre:" for="nombre"></s:label></td>
						<td><s:property value="%{extintor.responsable.nombres}" /></td>
						<td><s:label value="Apellido:" for="apellido"></s:label></td>
						<td><s:property value="%{extintor.responsable.apellidos}" /></td>
					</tr>
					<tr>
						<td><s:label value="Cedula:" for="cedula"></s:label></td>
						<td><s:property value="%{extintor.responsable.cedula}"/></td>
						<td><s:label value="Cargo:" for="cargo"></s:label></td>
						<td><s:property value="%{extintor.responsable.cargo.descripcion}" /></td>
					</tr>
					<tr>
						<td><s:label value="Teléfono:" for="telefono"></s:label></td>
						<td><s:property value="%{extintor.responsable.telefono}"/></td>
						<td><s:label value="Email:" for="correo"></s:label></td>
						<td><s:property value="%{extintor.responsable.correo}"/></td>
					</tr>
				</table>
			</fieldset>

			<fieldset id="imagen">
				<legend>Ubicacion en Mapa</legend>
				<s:label value="Ubicacion:" />
				&nbsp;&nbsp; <img id="mapa" alt="Mapa" width=""
					height="" />
			</fieldset>
		</div>
		<div align="center">
			<s:a id="volver" href="../extintor/initExtintor.action">
				<img src="<s:url value="/resources/images/symbols/back.png"/>"
					title="Volver" width="30px;" height="30px;" alt="Volver">
			</s:a>
		</div>
	</div>
</body>
</html>